<template>
  <c-panel :title="title" :isActive="isActive">
    <el-form :model="model" :rules="rules" size="medium" label-width="130px">
      <div class="main">
        <slot></slot>
      </div>
    </el-form>
  </c-panel>
</template>

<script>
export default {
  props: {
    title: {
      type: String
    },
    rules: {
      type: Object
    },
    isActive: {
      type: Boolean,
      default: true
    },
    model: {
      type: Object
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.main {
  padding: 10px 0px 0px 0px;
  background-color: #fff;
}
</style>
